@use '@angular/material' as mat;


@mixin mat-sidenav-color-ext($config-or-theme) {
  $config: mat.get-color-config($config-or-theme);
  $background: map-get($config, background);

  $drawer-container-background-color:  mat.get-color-from-palette($background, gradient-background);

  .mat-drawer-container {
    background: $drawer-container-background-color;
  }

  .mat-drawer {
    background: $drawer-container-background-color;
  }
  
}

@mixin mat-sidenav-theme-ext($theme-or-color-config) {
  $theme: mat-private-legacy-get-theme($theme-or-color-config);
  @include mat-private-check-duplicate-theme-styles($theme, 'mat-sidenav-ext') {
    $color: mat.get-color-config($theme);
    $density: mat.get-density-config($theme);
    $typography: mat-get-typography-config($theme);

    @if $color != null {
      @include mat-sidenav-color-ext($color);
    }
  }
}
